.header {
	width: 100%;
	height: 150px;
	background-color: white;
}

.body {
	width: 100%;
	height: 550px;
	background-color: lightyellow;
}

.body-left{
	float: left;
	width:70%
	height: 550px;
	/* background-color: #62A8EA; */
}

.body-right{
	float: right;
	width: 30%;
	height: 550px;
	background-color: #FFD700;
}

.foot {
	width: 100%;
	height: 50px;
	background-color: dimgrey;
}

.gcs-login {
	position: absolute;
	right: 0px;
	box-sizing: border-box;
	width: 31%;
	height: 550px;
	background-color: #E6E6E6;
	z-index: 100;
}

.gcs-login.gcs-login-panel {
	height: 360px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.gcs-login .login-title {
	text-align: center;
	color: #62a8ea;
}

.gcs-login .login-title h2 {
	letter-spacing: 10px;
}

.gcs-login-container {
	width: 100%;
	box-sizing: border-box;
	width: 100%;
	margin: 20px 0 0;
	text-align: center;
}

.gcs-login .input {
	border: 1px solid white;
	display: inline-block;
	box-sizing: border-box;
	width: 80%;
	height: 46px;
	padding-left: 10px;
	margin: 0 auto;
	font-size: 14px;
	outline: none;
	color: #76838f;
}

.gcs-login .gcs-login-validation {
	width: 80%;
	margin: 0 auto;
	position: relative;
}

.gcs-login .validation-input {
	position: absolute;
	width: 250px;
	left: 0px;
}

.gcs-login img.validation-img {
	position: absolute;
	cursor: pointer;
	width: 125px;
	height: 45px;
	right: 0px;
}

.gcs-login .input:focus {
	outline: none;
	border: 1px solid #62a8ea;
}

.gcs-login .btn-login {
	background-color: #62a8ea;
	border: none;
	width: 80%;
	height: 45px;
	line-height: 45px;
	color: white;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
}

.gcs-login .btn-login:hover {
	opacity: 0.9;
}
